<template>
<!-- 单个推荐列表 -->
  <li v-if="list" @click="toDetail">
      <ListsTop :list="list.a"/>
      <ListsCenter :list="list"/>
      <ListsBottom :list="list"/>
      <ListsText :list="list"/>
  </li>
</template>

<script>
import ListsTop from  "@/components/ListsTop.vue"
import ListsCenter from  "@/components/ListsCenter.vue"
import ListsBottom from  "@/components/ListsBottom.vue"
import ListsText from  "@/components/ListsText.vue"
export default {
    components:{
        ListsTop,
        ListsCenter,
        ListsBottom,
        ListsText,
    },
    props:['list'],
    
    
    methods:{
        toDetail(){
            this.$router.push({ path: '/menuDetail', query: { id: this.list.id }})
        }
    }
}
</script>

<style lang="less" scoped>

</style>